<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>微信官网</title>
    <style>
        *{
            padding: 0px;
            margin: 0px;
            text-decoration: none;
        }
        #wechatbackground{
            height: 1022px;
            background: url(images/backgroundone.jpg) repeat-x;
        }
        .list{
            width: 968px;
            height: 75px;
            margin: auto;
        }
        .logo{
            width: 129.63px;
            height: 44px;
            margin: 14px 0px 0px 0px;
            float: left;
        }
        .nav{
            width: 800px;
            height: 54px;
            margin: 20px 0px 0px 0px;
            float:right;
        }
        .homelist{
            list-style: none;
            float: left;
        }
        .homelist a{
            float: left;
            margin:5px 10px 0px 10px;
            color: aliceblue;
        }
        .homelist li{
            float: left;
        }
        li:hover{
            background: url(images/vd.png);
            border-radius: 50px;
            font-size:small;
        }
        .home{
            background: url(images/vc.png);
            border-radius: 50px;
        }
       #one{
           width: 1000px;
           height: 424px;
           margin: auto;
       }
       .little{
           width: 350px;
           height: 0px;
       }
       .little_h1 {
            font-size: 26px;
            margin: 45px 0px 0px 0px;
       }
       .p_h{
           height: 90px;
           width: 350px;
           margin-right: 0px;
       }
      .a{
          font-size: 16px;
          color: dimgrey;
          margin-top: 12px;
      }
      .b{
          font-size: 16px;
          color: dimgrey;
          margin-top: 12px;
      }
      .c{
          font-size: 16px;
          color: dimgrey;
          margin-top: 12px;
      }
      .xiazai{
          margin-top: 70px;
      }
      .shuoming{
          width: 180px;
      }
      .shuoming{
          font-size: 15px;
          
      }
      .d{
          color: green;
          margin-top: 10px;
      }
      .d:hover{
          cursor: pointer;
      }
      .e{
          color: green;
          margin-top: 10px;
      }
      .e:hover{
          cursor: pointer;
      }
      .f{
          color: green;
          margin-top: 10px;
      }
      .f:hover{
          cursor: pointer;
      }
      .one_tu{
          width: 490px;
          height: 320px;
          float: right;
      }
      #two{
          width: 1100px;
          height: 431px;
          margin: auto;
      }
      .two_1{
          width: 648px;
          height: 255.44px;
          margin:0px 0px;
          float: left;
      }
      .liaojie{
          color: green;
          font-size: 12px;
      }
      .liaojie1{
          color: green;
          font-size: 12px;
      }
      .two_1_1{
          width: 216px;
          height: 93px;
          float:left;
      }
      .two_2{
          width: 216px;
          height: 93px;
          float:left;
      }
      .two_3{
          width: 216px;
          height: 93px;
          float:left;
      }
      .list_span{
          width: 450px;
          height:400px;
          float:right;
      }
      .p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.p9,.p10{
          margin-top: 20px;
          color: green;
      }
      .jieshu{
          margin: auto;
          width: 1000px;
          height: 69px;
          font-size: 12px;
      }
      .jieshu_1{
          float: left;
      }
      .jieshu_2{
          float: right;
      }
      .p11,.p12,.p13,.p14,.p15{
          color:red;
          float: right;
         
      }
      .img1{
          margin-top: 10px;
      }

    </style>
</head>
<body>
    <div id="wechatbackground">
        <div class="list">
            <div class="logo">
                <img src="images/wechatlogo.png" alt=""width=129.63px height=44px>
            </div>
            <div class="nav">
                <ul class="homelist">
                    
                    <li class="home"><a href="https://weixin.qq.com/" target="_blank"><span>首页</span></a></li>
                    <li class="help"><a href="https://kf.qq.com/product/weixin.html" target="_blank"><span>帮助与反馈</span></a></li>
                    <li class="public"><a href="https://mp.weixin.qq.com/" target="_blank"><span>公众平台</span></a></li>
                    <li class="bloom"><a href="https://open.weixin.qq.com/" target="_blank"><span>开放平台</span></a></li>
                    <li class="pay"><a href="https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F" target="_blank"><span>微信支付</span></a></li>
                    <li class="guanggao"><a href="https://ad.weixin.qq.com/" target="_blank"><span>微信广告</span></a></li>
                    <li class="qiye"><a href="https://work.weixin.qq.com/" target="_blank"><span>企业微信</span></a></li>
                    <li class="biaoqing"><a href="https://sticker.weixin.qq.com/cgi-bin/mmemoticon-bin/loginpage?t=login/index" target="_blank"><span>表情开放平台</span></a></li>
                    <li class="web"><a href="https://wx.qq.com/" target="_blank"><span>微信网页版</span></a></li>
                
                </ul>
            </div>
        </div>
        <div id="one">
            <div class="little">
                <div class="little_h1">
                    <span>
                        微信，是一个生活方式
                    </span>
                   
                    </div>
                    <div class="p_h">
                    <p class="a">
                    超过十亿人使用的手机应用
                    </p>
                    <p class="b">
                    支持发送语音短信、视频、图片和文字
                    </p>
                    <p class="c">
                    可以群聊，仅耗少量流量，适合大部分智能手机
                    </p>
                    

            </div>
            <div class="xiazai"><a href="https://weixin.qq.com/cgi-bin/readtemplate?uin=&stype=&promote=&fr=&lang=zh_CN&ADTAG=&check=false&nav=download&t=weixin_download_list&loc=readtemplate,weixin,body,6"><img src="images/xiazailogo.png" alt="xiazai"></a></div>
            <div class="shuoming">
                <span class="d">•忘记了微信账号或密码？<br></span>
                <span class="e">•自助解除登录或功能限制<br></span>
                <span class="f">•冻结或解冻微信账号<br></span>
            </div>
            </div>
            <div class="one_tu"><img src="images/tupian.jpg" alt="" width=450px height=250px></div>
        </div>
        <div id="two">
            <div class="two_1">
                <img src="images/diannao.png" alt="" width=648px>
            <div class="two_1_1">
                <h2><p class="a_1">微信网页版</p></h2>
                <span>扫一扫二维码<br>就能在浏览器上使用微信<br></span>
                <span class="liaojie">了解更多</span>
            </div>
            <div class="two_2">
            <h2><p class="a_2">微信mac版</p></h2>
                <span>极致简洁，迅捷沟通<br></span>
                <span class="liaojie1">了解更多</span>
            </div>
            <div class="two_3">
                <h2><p class="a_3">微信Windows版</p></h2>
                <span>让沟通更方便<br></span>
                <span class="liaojie1">了解更多</span>
            </div>
        </div>
        <div class="list_span">
        <h3>最新消息</h3>
        <span class="p1">•微信 8.0.2 for Android 正式版发布<div class="p11">(New)</div><br></span>
        <span class="p2">•微信 3.2.1 for Windows 正式版发布<div class="p12">(New)</div><br></span>
        <span class="p3">•微信 8.0.2 for iOS 正式版发布<div class="p13">(New)</div><br></span>
        <span class="p4">•微信 2.6.1 for Mac 正式版发布 <div class="p14">(New)</div><br></span>
        <span class="p5">•关于部分 iOS 9 用户无法更新微信<div class="p15">(New)</div><br></span>
        <span class="p6">•微信外部链接内容管理规范<br></span>
        <span class="p7">•微信网页版 2.1 版本发布<br></span>
        <span class="p8">•微信表情开放平台上线<br></span>
        <span class="p9">•官方辟谣公众号开通<br></span><br>
        <span class="p10">查看更多<br></span>
        <img class="img1" src="images/lianxi.png" alt="" width=50px height=51px>  
        
        </div>
    </div>
    <div class="jieshu">
    <hr width="1000" size="1" color="dimgrey">
    <div class="jieshu_1">关于腾讯 | 服务条款 | 使用规范 | 客服中心 | 隐私保护指引<br>
        © 1998 - 2021 Tencent Inc. All Rights Reserved</div>
    <div class="jieshu_2">简体中文 |  繁體中文 |  English</div>
    </div>
    </div>
    
</body>
</html>